<template>
	<div id="priceGoodsDetail">
		<div class="title">
			<span class="hover" @click="changeRouter('goods')">货源大厅 > </span>
			<span>货源详情</span>
		</div>
		<div class="detail">
			<div class="header">
				<div class="logo"></div>
				<div class="info">
					<span>东明石化有限公司</span>
					<el-rate disabled text-color="#ff9900" :value="3.5"></el-rate>
					<span>货主电话：1891234567</span>
				</div>
				<div class="right">
					<li class="my-flex-center hover my-btn">报价</li>
					<li class="my-flex-center hover my-btn">关注货主</li>
				</div>
			</div>
			<ul class="addressInfo">
				<li>史丹利-滚氯-181818-50-咖啡色三安\史丹利-滚硫-171717-50-纯硫基（添加腐植酸）/无包装</li>
				<li>黑龙江省哈尔滨市 <img src="../../assets/wuliu/right.png" alt="" />  北京市 </li>
				<li>33吨/0方/普通货车</li>
				<li>05-02  下午 装货</li>
				<li>卸货地：江苏省  无锡市  新吴区  鸿山街道</li>
				<li>发布时间：2019-04-28  17:46</li>
			</ul>
		</div>
		<!--评论-->
		<div class="comments">
			<div class="title my-flex">
				<span>全部评论</span>
				<el-rate :value="3.7" disabled show-score  text-color="#ff9900"></el-rate>
				<span class="more hover">更多>></span>
			</div>
			<div class="comment-list">
				<div class="card" v-for="item in 10">
					<div class="left">
						
					</div>
					<div class="right">
						<div class="name my-flex-between">
							<div>
								<span>中软云物流</span>
								<span>给了五星好评</span>
							</div>
							<span>2017-01-01</span>
						</div>
						<div class="detail">
							路况熟悉，准时到达......
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import { mapState } from "vuex";
	import service from '@/js/services/price';
	export default {
		inject: ['reload', 'closeLoading', 'openLoading','changeRouter'],
		data() {
			return {

			}
		},
		created() {

		},
		mounted() {

		},
		activated() {

		},
		destroyed() {

		},
		filters: {

		},
		watch: {

		},
		methods: {
			...service,
			pageChange() {

			}
		}
	}
</script>

<style lang="less" scoped="scoped" src="../../less/page/goods/detail.less"></style>